<template>
  <div class="orderingInformation ele-body">
    <el-card class="box-card"
             shadow="never">

      <!-- 订单表格 -->
      <orderTableList></orderTableList>
    </el-card>
  </div>
</template>
<script>
import orderTableList from '../components/orderTableList.vue';


export default {
  name: 'orderingInformation',
  components: {

    orderTableList
  },
  data () {
    return {

    };
  },
  methods: {

  }
};
</script>
<style lang="less" scoped>
.orderingInformation {
  .selectTime {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    .timeTab {
      display: flex;
      align-items: center;
      margin-right: 20px;
      li {
        list-style-type: none;
        display: block;
        width: 110px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
      }
      .active {
        width: 110px;
        height: 38px;
        border-radius: 6px;
        background: #1890ff;
        color: #fff;
        text-align: center;
        line-height: 38px;
      }
    }
    .orderStatus {
      width: 77px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;

      margin-left: 21px;
    }
    .filterDate {
      text-align: center;
      line-height: 34px;
      width: 90px;
      height: 34px;
      font-size: 14px;
      border-radius: 2px 0px 0px 2px;
      border: 1px solid #d9d9d9;
      border-right: none;
    }
    .ele-fluid {
      width: 300px !important;
    }
  }
}
</style>
